<%--
  Created by IntelliJ IDEA.
  User: Ningziyi
  Date: 2022/10/24
  Time: 10:32
  To change this template use File | Settings | File Templates.

--%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/personal_center.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head_daohang.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
</head>
<body>

<!-- 主要布局范围 -->
<div class="main">
    <!-- 点击悬浮窗 -->
    <div class="float-windows">
        <div class="float-click" id="f1">
            <div class="back"></div>
            <p><br><br></p>
            <h2>还车券权益说明：</h2>
            <li>1. 还车后可获得一张还车券，下一张订单可用，具体请见优惠券规则；</li>
            <li>2. 该权益仅一嗨租车官方平台（含小程序）订单可享；</li>
            <li>3. 仅限一嗨国内自驾业务使用。</li>
            <p><br></p>
        </div>
        <div class="float-click" id="f2">
            <div class="back"></div>
            <p><br><br></p>
            <h2>生日优惠权益说明：</h2>
            <li>1. 会员生日当天，根据其当天会员卡级可获得生日优惠券：普卡会员可享50元生日优惠券，金卡会员可享100元生日优惠券，白金卡会员可享200元生日优惠券，钻石卡会员可享300元生日优惠券；</li>
            <li>2. 生日优惠使用有效期为生日之日起60天有效；</li>
            <li>3. 仅对车辆租赁费及门店服务费部分进行减免，其他费用正常收取；</li>
            <li>4. 一年内仅可享受一次生日优惠，生日优惠券发放后不予退、换、延期，不可与其他优惠同享，租期包含任意法定节假日（含公休及调休）及前一天不能使用；</li>
            <li>5. 该权益仅一嗨租车官方平台（含小程序）订单可享；</li>
            <li>6. 仅限一嗨国内自驾业务可用。</li>
            <p><br></p>
        </div>
        <div class="float-click" id="f3">
            <div class="back"></div>
            <p><br><br></p>
            <h2>会员积分权益说明：</h2>
            <li>1. 会员等级越高，根据实际消费金额获取积分的比例越高，具体为：普卡1:1，金卡1:1.5，白金卡1:2，钻石卡1:2.5；</li>
            <li>2. 积分可在一嗨积分商城中兑换道具和礼品，也可抵扣自驾订单租金；</li>
            <li>3. 该权益仅一嗨租车官方平台（含小程序）订单可享；</li>
            <li>4. 仅限一嗨国内自驾业务可用。</li>
            <p><br></p>
        </div>
        <div class="float-click" id="f4">
            <div class="back"></div>
            <p><br><br></p>
            <h2>免费车型升级权益说明：</h2>
            <li>1. 仅支持租期7天及以内的订单使用，最高可省700元，单天最高可省100元；</li>
            <li>2. 可升级车型以系统提供可选车型为准；</li>
            <li>3. 升级后的基本保障服务费、车辆押金可能发生变化，以费用明细中显示的金额为准；</li>
            <li>4. 升级后修改订单可能会使优惠金额发生变化，以系统实际显示为准；</li>
            <li>5. 该权益不兑现，不找零，不可叠加使用，不与其它优惠同享；</li>
            <li>6. 仅限一嗨国内自驾业务可用。</li>
            <p><br></p>
        </div>
        <div class="float-click" id="f5">
            <div class="back"></div>
            <p><br><br></p>
            <h2>免除加油服务费权益说明：</h2>
            <li>1. 钻石卡、白金卡、金卡会员专享：钻石卡有效期内可使用3次，白金卡有效期内可使用2次，金卡有效期内可使用1次；</li>
            <li>2. 还车时如需加油，只需支付油费，无需再支付加油服务费；</li>
            <li>3. 该权益不兑现，不找零，订单验证完成后不可补用，租期包含任意法定节假日（含公休及调休）及前一天不能使用；</li>
            <li>4. 该权益仅一嗨租车官方平台（含小程序）订单可享；</li>
            <li>5. 仅限一嗨国内自驾业务使用。</li>
            <p><br></p>
        </div>
        <div class="float-click" id="f6">
            <div class="back"></div>
            <p><br><br></p>
            <h2>2小时免费延时还车权益说明：</h2>
            <li>1. 钻石卡、白金卡会员专享：钻石卡有效期内可使用4次，白金卡有效期内可使用1次；</li>
            <li>2. 延时还车时间在2小时（含）之内不收取延时还车费；</li>
            <li>3. 不适用于精英车型/车型组订单、高端车型/车型组订单、续租订单，以及代金券支付订单；</li>
            <li>4. 还车时间需在还车门店营业时间内。如：预约还车时间为19:00，门店营业时间为10:00-20:00，则最晚需在20:00前还车；</li>
            <li>5. 该权益不兑现，不找零，订单验证完成后不可补用，单笔订单仅可使用一次，不可叠加使用，租期包含任意法定节假日（含公休及调休）及前一天不能使用；</li>
            <li>6. 仅限一嗨国内自驾业务可用。</li>
            <p><br></p>
        </div>
        <div class="float-click" id="f7">
            <div class="back"></div>
            <p><br><br></p>
            <h2>邀请特权权益说明：</h2>
            <li>1. 该权益仅限钻石卡用户可用，且需在使用该权益的当年有过成功的取还车订单；</li>
            <li>2. 每个钻石卡用户在钻石卡有效期内可享受5次该权益，权益使用后不予退还；</li>
            <li>3. 被邀请者的卡级需为金卡（含）及以下，且需通过邀请链接登录后方可直接升级为白金卡，享受白金卡相关权益，邀请者减少一次权益使用数；未通过邀请链接登录的则无法升级为白金卡，邀请者权益使用数不做减免；被邀请者如为金卡以上用户，通过邀请链接登录无法升级，邀请者权益使用数不做减免；</li>
            <li>4. 仅限一嗨国内自驾业务可用。</li>
            <p><br></p>
        </div>
    </div>
    <!-- 头部导航栏 -->
    <div id="head">
        <div class="layui-col-md2">
            <div class="grid-demo ">
                <div class="head-logo"></div>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="grid-demo head-demo"><a href="${pageContext.request.contextPath}/index.jsp" class="word-1">首页</a></div>
        </div>
        <div class="layui-col-md2">
            <div class="grid-demo head-demo"><a href="${pageContext.request.contextPath}/car/getCarView" class="head-hover word-1">自驾租车</a>
            </div>
        </div>
        <%--    <div class="layui-col-md1">--%>
        <%--        <div class="grid-demo head-demo"><a href="${pageContext.request.contextPath}/long_time_older/long_time.jsp" class="head-hover word-1">长租专区</a>--%>
        <%--        </div>--%>
        <%--    </div>--%>
        <div class="layui-col-md2">
            <div class="grid-demo head-demo"><a href=" ${pageContext.request.contextPath}/carOutlets/carAllList" class="head-hover word-1">车型查询</a>
            </div>
        </div>
        <div class="layui-col-md2">
            <div class="grid-demo head-demo"><a href="${pageContext.request.contextPath}/Offline_outlets/Business_outlets.jsp" class="head-hover word-1">营业网点</a></div>
        </div>
        <%--    <div class="layui-col-md1">--%>
        <%--        <div class="grid-demo head-demo"><a href="" class="head-hover word-1">会员专区</a></div>--%>
        <%--    </div>--%>
        <div class="layui-col-md2">
            <div class="grid-demo head-demo1">
                <i class="login-icon"></i>
                <a href="${pageContext.request.contextPath}/login/login.jsp" class="head-color">登录/注册</a>
            </div>
            <div class="tel">
                <i class="tel-icon"></i>
                <span class="tel-num">110-119-1111</span>
            </div>
        </div>
    </div>
    <!-- 面包屑 -->
    <div class="crumbs">
        <div class="crumbs-bd">当前位置: <a href="${pageContext.request.contextPath}/customer/getId/${cust.custId}">个人中心</a> > </div>
    </div>
    <!-- 主要内容 -->
    <div class="content">
        <div class="content-bd">
            <!-- 左侧导航栏 -->
            <div class="col-sub">
                <ul>
                    <div class="title">订单信息</div>
                    <li class="text"><a href=javascript:getMyAllOrders()>我的订单</a></li>
                    <%--                    <li class="text"><a href="${pageContext.request.contextPath}/customer/personalCenter-OtherOrler.jsp">他人代订</a></li>--%>
                    <%--                    <div class="title">会员信息</div>--%>
                    <%--                    <li class="text"><a href="">会员优惠</a></li>--%>
                    <%--                    <li class="text"><a href="">会员特权</a></li>--%>
                    <%--                    <li class="text"><a href="">会员积分</a></li>--%>
                    <div class="title">我的钱包</div>
                    <%--                    <li class="text"><a href="${pageContext.request.contextPath}/customer/personalCenter-AccountBalance.jsp">账户余额</a></li>--%>
                    <%--                    <li class="text"><a href="${pageContext.request.contextPath}/customer/personalCenter-Voucher.jsp">我的代金卷</a></li>--%>
                    <li class="text"><a href="javascript:method1()" class="mycoupon">我的优惠编码</a></li>
                    <div class="title">车辆喜好</div>
                    <li class="text"><a href="${pageContext.request.contextPath}/recommendByUser?custId=${cust.custId}&num=5">车辆推荐</a></li>
                    <div class="title">个人资料</div>
                    <li class="text"><a href="${pageContext.request.contextPath}/customer/getId/${cust.custId}/get_info" class="customMessage">用户信息</a></li>
                    <li class="text"  onclick="return confirm('即将返回登录界面，确定吗？');"><a href="${pageContext.request.contextPath}/login/login.jsp" class="exit-token">账户注销</a></li>
                </ul>
            </div>
            <!-- 主要信息栏 -->
            <div class="col-main">
                <div class="user-preview">
                    <!-- 头像信息区 -->
                    <div class="ui-bfc">
                        <!-- 头像 -->
                        <div class="head-picture">
                            <img src="${pageContext.request.contextPath}/images/headpicture.png" alt=""><br>
                            <a href="${pageContext.request.contextPath}/customer/getId/${cust.custId}/get_info">编辑我的资料</a>
                        </div>
                        <!-- 信息 -->
                        <div class="head-message">

                            <h3>欢迎您!<label>${cust.custName}</label></h3>

                            <ul>
                                <li>
                                    <span>持有卡：</span>
                                    <b>普卡</b>
                                    <em>(成长值：0)</em>
                                </li>
                                <li>
                                    <span>距离下次升级积分：</span>
                                    <b>5000</b>
                                </li>
                                <li>
                                    <span>我的优惠编码：</span>
                                    <strong>3</strong>
                                    张
                                </li>
                                <li>
                                    <span>我的代金卷：</span>
                                    <strong>0</strong>
                                    张
                                </li>
                                <li>
                                    <span>邮箱：</span>
                                    已验证
                                </li>
                                <li>
                                    <span>手机：</span>
                                    已验证
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 余额积分区 -->
<%--                    <div class="hd">--%>
<%--                        <div class="hd-box">--%>
<%--                            <div class="box-message">--%>
<%--                                <h3>可用余额</h3>--%>
<%--                                <p>--%>
<%--                                    <span>￥</span>--%>
<%--                                    <label>0.00</label><br>--%>
<%--                                    <a href="personalCenter-AccountBalance.jsp">我要充值</a>--%>
<%--                                </p>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                        <div class="hd-box">--%>
<%--                            <div class="box-message">--%>
<%--                                <h3>可用积分</h3>--%>
<%--                                <p>--%>
<%--                                    <label>0</label>--%>
<%--                                    <span>分</span><br>--%>
<%--                                    <a href="">去会员商城</a>--%>
<%--                                </p>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                    </div>--%>
                </div>
                <!-- 您的权益 -->
                <div class="privilege-box">
                    <b class="biaoti">您的权益</b>
                    <div class="privilege-info">
                        <ul>
                            <li>
                                <img src="${pageContext.request.contextPath}/images/huanchejuan.png" class="i1" alt="">
                                <p>还车券</p>
                            </li>
                            <li>
                                <img src="${pageContext.request.contextPath}/images/shengri.png" class="i2" alt="">
                                <p>生日优惠</p>
                            </li>
                            <li>
                                <img src="${pageContext.request.contextPath}/images/huiyuanjifen.png" class="i3" alt="">
                                <p>会员积分</p>
                            </li>
                            <li>
                                <img src="${pageContext.request.contextPath}/images/shengji.png" class="i4" alt="">
                                <p>车型升级</p>
                            </li>
                            <li>
                                <img src="${pageContext.request.contextPath}/images/mianchujiayou.png" class="i5" alt="">
                                <p>免除加油服务费</p>
                            </li>
                            <li>
                                <img src="${pageContext.request.contextPath}/images/yanshihuanche.png" class="i6" alt="">
                                <p>2小时免费延迟还车</p>
                            </li>
                            <li>
                                <img src="${pageContext.request.contextPath}/images/yaoqin.png" class="i7" alt="">
                                <p>邀请特权</p>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 会员活动 -->
                <div class="member-activity">
                    <b class="biaoti">会员专属活动</b>
                    <img src="${pageContext.request.contextPath}/images/huiyuanhuodong.jpg" alt="">
                </div>
                <!-- 订单预览 -->
                <div class="recent-order">
                    <div class="clearfix">
                        <b class="biaoti">最近订单</b>
                        <ul class="tab-hd">
                            <li class="afli" id="l1">预约中</li>
                            <li id="l2">租赁中</li>
                            <li id="l3">已完成</li>
                        </ul>
                    </div>
                    <div class="bd">
                        <span>您还没有正在预约的订单，现在就去订车吧！</span>
                        <a href="${pageContext.request.contextPath}/vehicle/vehicle_screening.jsp"><button>立刻预定</button></a>
                    </div>
                    <div class="bd1">
                        <span>您还没有正在租赁的订单，现在就去订车吧！</span>
                        <a href="${pageContext.request.contextPath}/vehicle/vehicle_screening.jsp"><button>立刻预定</button></a>
                    </div>
                    <div class="bd2">
                        <span>您还没有已经完成的订单，现在就去订车吧！</span>
                        <a href="${pageContext.request.contextPath}/vehicle/vehicle_screening.jsp"><button>立刻预定</button></a>
                    </div>
                </div>
                <!-- 优惠活动 -->
                <div class="youhui">
                    <b class="biaoti">优惠活动</b>
                </div>
                <!-- 温馨提示 -->
                <div class="tip">
                    <b class="biaoti">温馨提示</b>
                    <ul>
                        <li>1、取车时请务必携带本人信用卡，本人二代有效身份证，本人有效地方驾驶证正副本。</li>
                        <li>2、可能因地区政策及车牌原因影响交通限行，请及时查看全国地区限行说明。</li>
                        <li>3、您在一嗨租车所涉及的正常消费，均可向一嗨工作人员索要消费凭证。</li>
                    </ul>
                    <div class="wait">
                        <h1>---- 敬请期待 ----</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="footer">
        <div class="footer-box">
            <div class="footer-left">
                <p>
                    <span>关于无忧</span> |
                    <span>移动客户端</span> |
                    <span>帮助中心</span> |
                    <span>建议专区</span> |
                    <span>联系我们</span> |
                    <span>友情连接</span> |
                    <span>投诉通道：400-821-1608</span>
                </p>
                <p>
                    <span>Copyright © 2007-2022 苏州无忧信息技术服务有限公司 ICP证：苏B2-20140130|苏ICP备08010394号-1</span>
                </p>
            </div>
            <div class="footer-right"></div>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/js/personal_center.js"></script>
<script>
    loadInitData();
    $(".exit-token").click(function (){
        localStorage.clear();
    })

    // 查询我的所有订单
    function getMyAllOrders(){
        var token = localStorage.getItem("token");
        location.href="${pageContext.request.contextPath}/orders/getOrdersByCustomerId/"+token;
    }

    function  method1() {
        console.log("点击")
        var token  = localStorage.getItem("token");
        location.href="${pageContext.request.contextPath}/customercoupon/getall?token="+token;
        // $(".mycoupon").attr("href","customercoupon/getall?token="+token);

    }

function loadInitData(){
    console.log("00000000000000")
    var token = localStorage.getItem("token");
    // ----->cpmtollrt toke 你=-----
    console.log("token-----:"+token)

    $.ajax({
        type: "get",
        url: "${pageContext.request.contextPath}/customer/personalData",
        headers: {"token": token},
        success: function (result) {
            console.log(result);
            var loginUser = result.data.loginCustomer;

            if(loginUser != null) {
                $(".head-color").text(loginUser.custName);
                $(".head-color").attr("href", "");

            }else{
                console.log("2222222")
                $(".head-color").text("登录");
                $(".head-color").attr("href", "login/login.jsp");
            }
        }
    })
}
</script>
<%--<script>--%>
<%--    document.querySelector(".exit-token").onclick = function(){--%>
<%--        localStorage.clear()--%>
<%--        console.log("1231231412321134");--%>
<%--    }--%>
<%--</script>--%>
</body>
</html>
